(function($) {
    appcan.button("#nav-left", "btn-act",
    function() {
        appcan.window.close(-1);
        appcan.window.open({
            name: 'index',
            data: 'index.html'
        });
    });
    appcan.button("#nav-right", "btn-act",
    function() {});

    var commentsData = []; // 全局数组，用于存储所有评论数据
    var lv; // listview 实例

    appcan.ready(function() {
        $.scrollbox($("body")).on("releaseToReload",
        function() { //After Release or call reload function,we reset the bounce
            $("#ScrollContent").trigger("reload", this);
        }).on("onReloading",
        function(a) { //if onreloading status, drag will trigger this event
        }).on("dragToReload",
        function() { //drag over 30% of bounce height,will trigger this event
        }).on("draging",
        function(status) { //on draging, this event will be triggered.
        }).on("release",
        function() { //on draging, this event will be triggered.
        }).on("scrollbottom",
        function() { //on scroll bottom,this event will be triggered.you should get data from server
            $("#ScrollContent").trigger("more", this);
        }).hide();
    })

	appcan.ready(function() {
        //appcan.initBounce();
        comImg();

        /**
         * @function
         * @description 初始化评论列表视图。
         */
        lv = appcan.listview({
            selector : "#listview", // 使用 detail.html 中定义的 listview ID
            type : "thickLine",
            hasIcon : true,
            hasAngle : true,
            hasSubTitle : true,
            multiLine : 1,
        });

        // 初始化列表视图，显示空的评论数据
        lv.set(commentsData);

        // 绑定列表项点击事件 (可选，如果不需要可以移除)
        lv.on("click", function(ele, obj, curEle) {
            console.log("评论列表项被点击:", obj);
        });
    })
    function comImg() {
        //产品详情图片轮播
        var slider = appcan.slider({
            selector : '#slider',
            aspectRatio : 9 / 16,
            hasLabel : true,
            index : 0
        });
        slider.set([{
            img : "css/imgs/goods1.png",
            label : "好用的东西"
        }])
        slider.on("clickItem", function(index, data) {
            console.log(index, data);

        })
    }
    appcan.button("#tel", "btn-act",
    function() {
        var telnumber = $("#number").text();
        // alert(telnumber); // 输出测试
        call(telnumber);
    });
    // 打电话插件
    function call(telnumber) {
        uexCall.dial(telnumber);
    }
    appcan.button("#btn", "btn-act",
    /**
     * @function
     * @description 处理发表评论按钮点击事件：检查输入、登录状态，并添加评论。
     */
    function() {
        var input = $("#input").val();
        // 假设 islog 为 true 表示已登录，false 表示未登录
        var islog = appcan.locStorage.getVal("islog");
        var username = appcan.locStorage.getVal("username"); // 获取登录用户的用户名

        if (input == "") {
            appcan.window.openToast("请输入评论内容", "2000", "5", "0");
        }
        else if (!islog) { // 如果 !islog 为真，表示用户未登录
            appcan.window.alert({
                title : "提醒",
                content : "您还未登录，请先登录",
                buttons : '确定',
                callback : function() {
                    appcan.locStorage.setVal("yemian", "detail"); //保存页面
                    appcan.window.close(-1); // 这里是否需要关闭当前窗口取决于你的应用流程
                    appcan.window.open({
                        name: 'login',
                        data: 'login.html'
                    });
                }
            });
        }
        else { // 用户已登录且输入内容不为空
            appcan.window.openToast("评论成功", "2000", "5", "0");

            // 如果 username 未获取到，可以给一个默认值
            if (!username) {
                username = "匿名用户";
            }

            var currentTime = new Date().toLocaleString(); // 获取当前日期和时间

            // 创建新的评论对象
            var newComment = {
                title : username, // 评论用户的名称
                describe: input,  // 评论内容
                note: currentTime, // 评论时间
                icon: "./css/res/appcan_s.png", // 评论用户头像或默认图标
                id: Date.now().toString() // 使用时间戳作为唯一ID
            };

            commentsData.push(newComment); // 将新评论添加到数组
            lv.set(commentsData); // 使用更新后的数组重新设置列表视图

            $("#input").val(""); // 清空评论输入框
        }
    });
    
})($);
